<template>
  <v-app class="app">
    <v-toolbar
      color="#32359B"
      dark
      flat
    >
      <v-toolbar-title>
        <img 
          src="/img/vuetify.png" 
          class="logo-img" 
          alt="Logo">
        <nuxt-link to="/">趣创益</nuxt-link>
      </v-toolbar-title>
      <v-spacer/>
      <v-toolbar-items>
        <v-tabs
          class="login-tabs"
          fixed-tabs
          color="#32359B"
          height="56">
          <v-tab
            nuxt
            exact-active-class="login-tab-active"
            to="/login">
            登陆
          </v-tab>
          <v-tab
            nuxt
            exact-active-class="login-tab-active"
            to="/regisiter">
            注册
          </v-tab>
        </v-tabs>
      </v-toolbar-items>
      <v-spacer/>
    </v-toolbar>
    <nuxt class="page-content"/>
    <v-footer class="blue darken-2">
      <v-layout 
        row 
        wrap 
        align-center>
        <v-flex xs12>
          <div class="white--text ml-3">
            Copyright © 2015 - 2018 畅言科技（北京）有限公司版权所有 | 京ICP备16045198号-3 
          </div>
        </v-flex>
      </v-layout>
    </v-footer>
  </v-app>
</template>

<style lang="stylus" scoped>
  .v-toolbar__title
    display flex
    align-items center
  .logo-img
    height 32px;
    margin-right 8px;
</style>
